@charset "UTF-8";
img {
  max-width:100%;
}
html, body {
  height:100%
}
.container {
  width:50%;
  margin:0 auto;
  min-width:1000px
}
.banner {
  position:relative;
  height:440px;
  background:url('../../images/common/bg_02.jpg') center no-repeat;
  background-size:cover;
  .txt {
    position:absolute;
    top:89px;
    left:0;
    bottom:0;
    width:100%;
    background:rgba(241,69,69,.7)
  }
  .pic {
    position:absolute;
    top:50%;
    left:0;
    margin-top:-57px;
    width:100%;
    text-align:center
  }
  .left-line, .right-line {
    position:absolute;
    top:50%;
    margin-top:-1px;
    width:20%;
    height:2px;
    background:#fff;
    em {
      display:block;
      position:absolute;
      top:-5px;
      width:13px;
      height:13px;
      background:#fff;
      border-radius:$radius-round
    }
  }
  .left-line {
    left:0;
    em {
      right:-6px
    }
  }
  .right-line {
    right:0;
    em {
      left:-6px
    }
  }
}
.btn {
  line-height:30px;
  font-size:14px;
  color:#fff;
  text-align:center;
  border-radius:15px
}
.layer {
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:20;
  background:rgba(0,0,0,.75);
  display:none
}
#share {
  position:fixed;
  top:50%;
  margin-top:-125px;
  right:1%;
  z-index:11
}